<template>
  <div id="container-jiegou" style="min-width: 1100px; height: 400px"></div>
</template>
<script>
import Highcharts from "highcharts/highstock";
export default {
  created() {
    setTimeout(() => {
      var chart = Highcharts.chart("container-jiegou", {
        chart: {
          type: "line",
          backgroundColor:"#0000"
        },

        title: {
          text: "结构裂纹萌生时间（年）",
          style:{
            color:'#2099D3'
          }
        },
        legend:{
          textStyle:{
            color:'black'
          }
        },
        xAxis: {
          labels:{
            style:{
              color:'#2099D3'
            }
          },
          categories: [
            "副主梁与端梁连接上盖板（西）",
            "副主梁连接上盖板（西）",
            "主梁端部变截面连接焊缝",
            "北侧主梁下盖板1/4 跨",
            "北侧主梁下盖板1/2 跨",
            "北侧主梁下盖板1/4 跨",
            "副主梁连接上盖板（东)",
            "副主梁与端梁连接上盖板（东）",
            "北侧主梁主腹板1/4 跨（西）",
            "北侧主梁主腹板1/2 跨",
            "北侧主梁主腹板1/4 跨（东）",
          ],
        },
        yAxis: {
          title: {
            text: "时间 (年)",
            style:{
              color:'#2099D3'
            }
          },
          labels:{
            style:{
              color:'#2099D3'
            }
          },

        },
        plotOptions: {
          line: {
            dataLabels: {
              // 开启数据标签
              enabled: true,
              style:{
                color:'#2099D3'
              }
            },
            // 关闭鼠标跟踪，对应的提示框、点击事件会失效
            enableMouseTracking: false,
          },
        },
        series: [
          {
            name: "<b style='color:#2099D3'>主梁</b>",
            data: [
              22,23,95,80,96,71,15,49,69,15,32
            ],
          },
        ],
      });
    }, 0);
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="less" scoped>
</style>
